<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="en-us" http-equiv="Content-Language" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="width = 780" name="viewport" />
<meta content="1" name="page" />
<meta content="NOODP" name="robots" />
<meta content="n" name="session-loggedin" />

<meta content="" name="page-user-screen_name" />
<title>MySocial Infrastructure / Create an Account</title>

<link
	href="css/mysocial-https.css"
	media="screen" rel="stylesheet" type="text/css" />
<link
	href="css/geo-https.css"
	media="screen" rel="stylesheet" type="text/css" />
<link
	href="css/buttons_new-https.css"
	media="screen" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
	background: url("images/Stage_BG_btm.png")
		repeat-x;
}
</style>


<link
	href="css/signupflow-https.css"
	media="screen, projection" rel="stylesheet" type="text/css" />
</head>
<body class="account firefox-windows" id="new">

<div id="dim-screen"></div>
<ul id="accessibility" class="offscreen">
	<li><a href="#content" accesskey="0">Skip past navigation</a></li>
	<li>On a mobile phone? Check out <a href="http://m.twitter.com/">m.twitter.com</a>!</li>

	<li><a href="#footer" accesskey="2">Skip to navigation</a></li>
	<li><a href="#signin">Skip to sign in form</a></li>
</ul>


<div id="container" class="subpage"><span id="loader"
	style="display: none"><img alt="Loader"
	src="images/loader.gif" /></span>
<div class="clearfix no-nav" id="header"><a
	href="/SocialNetsApp/login.jsp"
	title="MySocial / Home" accesskey="1" id="logo"> <img alt="MySocial" height="36"
	src="images/logo_embedded.jpg" /> </a></div>

<div class="content-bubble-arrow"></div>


<table cellspacing="0" class="columns">
	<tbody>
		<tr>
			<td id="content" class="round-left column wide">
			<div class="wrapper">

			<div class="content-heading">
			<div class="heading">
			<p class="sign-in">Already on MySocial? <a
				href="/SocialNetsApp/login.jsp">Sign in</a>.</p>
			<h2>Join MySocial Infrastructure</h2>

			</div>
			</div>

			<div id="signup-form" class="">
			<form action="/SocialNetsApp/servlet/AccountServlet" method="post">

			<fieldset>
			<table class="input-form">
				<tr>
					<th><label for="first_name">First name</label></th>
					<td class="col-field"><input autocomplete="off"
						class="text_field" id="first_name" maxlength="20"
						name="first_name" size="30" tabindex="1" type="text" /></td>
					<td class="col-help">
					<div class="label-box info">Enter your first name</div>
					<div class="label-box good">Ok</div>
					<div class="label-box error"></div>
					</td>
				</tr>

				<tr>
					<th><label for="last_name">Last name</label></th>
					<td class="col-field"><input autocomplete="off"
						class="text_field" id="last_name" maxlength="20" name="last_name"
						size="30" tabindex="2" type="text" /></td>
					<td class="col-help">
					<div class="label-box info">Enter your last name</div>
					<div class="label-box good">Ok</div>
					<div class="label-box error"></div>
					</td>
				</tr>

				<tr>
					<th><label for="user_screen_name">Username</label></th>
					<td class="col-field"><input autocomplete="off"
						class="text_field" id="user_login" maxlength="30" name="user_login"
						size="30" tabindex="3" type="text" /></td>
					<td class="col-help">
					<div class="label-box info"><span id="screen_name_info">Pick
					a unique name on MySocial.</span></div>
					<div class="label-box good">Ok</div>
					<div class="label-box error"></div>
					</td>
				
				</tr>

				<tr>
					<th><label for="user_passwd">Password</label></th>
					<td class="col-field"><input autocomplete="off"
						class="text_field" id="passwd" name="passwd" size="50"
						tabindex="4" type="password" /></td>
					<td class="col-help">
					<div class="label-box password-meter"><span>6
					characters or more (be tricky!)</span></div>
					</td>
				</tr>

				<tr>
					<th></th>
					<td colspan="2">
					<button alt="I accept. Create my account." class="btn btn-m"
						id="user_create_submit" tabindex="5" type="submit">Create
					my account</button>
					</td>
				</tr>

			</table>
			</fieldset>

			</form>
			</div>

			</div>
			</td>
		</tr>
	</tbody>
</table>

<hr />

</div>

<div id="notifications"></div>

</body>
</html>